<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
		
			.container{
				margin:50px auto;
				width:310px;
				height:300px;
				border:1px solid gray;
			}
			.text1{
				font-size:20px;
				margin:20px 10px 10px 20px;
				display:inline-block;
				}
			.text2{
				font-size:14px;
				color:#ddd;
				display:inline-block;
			}
			.fen{
				width:300px;
				height:235px;
				border-top:1px solid #ddd;
				margin:0 20px 0 0;
				background-repeat:no-repeat;
				background-image:url('bg.png');
				background-position:15px 26px;
			
			}
			ul li{
				display:inline-block;
				margin:7px;
				font-size:	13.5px;
			}
			
		</style>
	</head>
	<body>
		<div class='container'>
			<p class='text1'><strong>潮流排行</strong></p>
			<p class='text2'><strong>Most Read</strong></p>
			<div class='fen'>
				<ul>
					<li>秋冬扭造型&nbsp你也需要一款时髦...</li>
					<li>屡登女富豪榜首&nbsp川普女儿能挣...</li>
					<li>英王室175年传家宝&nbsp男女出生必...</li>
					<li>K帅穿群装变美&nbsp天使AA换裤装男...</li>
					<li>夏琳王妃美过10年前？&nbsp穿Dior高</li>
					<li>东京红毯吹出强劲中国风&nbsp吴亦凡...</li>
					<li>一场“最诗意”的时尚秀</li>
				</ul>
			</div>
		</div>
	</body>
</html>
